<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>科技有限公司</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/icon.ico"/>
    <link rel="stylesheet" href="../css/front/about.css">
<%--    <script src="../js/jquery-3.5.1.js"></script>--%>
<%--    <script src="../js/high_tech.js"></script>--%>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script type="text/javascript"
            src="http://webapi.amap.com/maps?v=1.3&key=461f5e8e87420600cd98e89d5d19069c&plugin=AMap.ToolBar"></script>
    <script>
        function init() {
            map = new AMap.Map("mapContainer", {
                zoom: 18,
                center: [104.04658, 30.59299]
            });
            marker = new AMap.Marker({
                map: map,
                position: [104.04658, 30.59299]
            })
            marker.setLabel({
                offset: new AMap.Pixel(20, 20),//修改label相对于maker的位置
                content: "点击Marker打开高德地图"
            });
            marker.on('click', function (e) {
                marker.markOnAMAP({
                    name: '首开广场',
                    position: marker.getPosition()
                })
            })
            map.addControl(new AMap.ToolBar());
            if (AMap.UA.mobile) {
                document.getElementById('map').style.display = 'none';
            }
        }
    </script>
</head>
<body onload="init()">
<%--<div id="top"></div>--%>
<jsp:include page="top.jsp"/>
<div class="middle">
    <div>
        <div>\联系我们</div>
        <div><img src="../img/shu1_06_e0ir.png" width="100%" height="100%"/></div>
    </div>
    <div>
        <div id="mapContainer"></div>
        <div id="map">
            <div>地址：${company.address}</div>
            <div>电话：${company.phone}</div>
            <div>传真：${company.fax}</div>
            <div>邮箱：${company.email}</div>
            <div>网址：${company.website}</div>
        </div>
    </div>
</div>
<%--<div id="footer"></div>--%>
<jsp:include page="footer.jsp"/>
</body>
</html>